/**
 * 取出 var(--12-12, rgb(255, 255, 255)) 的 --12-12 和 rgb(255, 255, 255)
 */
export const getVarValue = function (str) {
  if (/^var\(/.test(str)) {
    const [key, ...value] = str.replace(/var\((.*)\)/, "$1").split(", ");
    return {
      key,
      value: value.join(", "),
    };
  }
  return str;
};

/**
 * 将 --theme-color-blue 转为 themeColorBlue
 * 或 theme-color-blue 转为 themeColorBlue
 */
export const camelCase = function (str) {
  if (/^--/.test(str)) {
    return str.split("--")[1]?.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
  }
  return str.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
};

/**
 * 将 themeColorBlue 转为 theme-color-blue
 */
export const kebabCase = function (str) {
  return str.replace(/([A-Z])/g, (g) => `-${g[0].toLowerCase()}`);
};
